<template>
    <div class="nav">
            <div class="box">
                <el-row>
                    <el-col :span="22">
                        <el-row>
                            <el-col :span="6">logo</el-col>
                            <el-col :span="18">
                                <ul>
                                    <li><router-link to="/">首页</router-link></li>
                                    <li>服装</li>
                                    <li>餐厨</li>
                                    <li>电器</li>
                                    <li>配件</li>
                                    <li>居家</li>
                                    <li>洗护</li>
                                    <li>婴童</li>
                                </ul>
                            </el-col>
                        </el-row>
                    </el-col>
                    <el-col :span="2">
                       <router-link to="/car/list"> 我的购物车</router-link>
                    </el-col>
                </el-row>
            </div>
        </div>
</template>



<style scoped>
.nav{
    height:80px;
    line-height: 80px;
}

ul{
    margin: 0;
}

ul,li{
    list-style: none;
}
li{float: left;
    margin:0 20px;
}
</style>